@import './var';

html {
  overflow: auto;
  font-size: $codeSize;
}

a {
  text-decoration: none;
}

// 上下布局中的操作栏
.action-bar {
  display: flex;

  > * {
    vertical-align: middle;
  }
}

// 编辑器样式
.editor {
  > label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);

    &.dark {
      color: rgba(255, 255, 255, 0.7);
    }
  }
}

// 粘贴图片组件
.paste-image {
  width: 100%;
  height: 50px;
  border: 1px dashed rgba(221, 221, 221, 0.4);
  border-radius: 4px;
  font-size: 28px;
  color: rgba(204, 204, 204, 0.4);
  text-align: center;
  outline: none;
  user-select: none;
  transition: all 200ms;

  &:focus {
    border-color: rgba(221, 221, 221);
    color: rgba(204, 204, 204);
  }
}

.flex {
  display: flex;
}

.flex-item {
  flex: 1;
}
